<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title>订单管理</title>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="./css/public.css?v=20181211" />
	<link rel="stylesheet" href="./css/order.css?v=20181211" />
	<link rel="stylesheet" href="./css/cxvalidation.css">
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
	<script src='./js/jquery-3.2.1.min.js'></script>
	<script src="./js/mui.min.js"></script>
	<script src="./js/art-template.js"></script>
	<script src="./js/cxvalidation.js"></script>
	<script src="./js/config.js?v=20181211"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav header_change_color">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title">订单管理</h1>
</header>

<div class='mui-content'  id="refreshContainer">
	<div id="slider" class="mui-slider mui-fullscreen">
		<!--固定选项卡-->
		<div id="segmentedControl" class='mui-slider-indicator  mui-segmented-control mui-segmented-control-inverted' style="background-color: white;">
			<a href="#item1" data="1" class='mui-control-item mui-active'>全部</a>
			<a href="#item1" data="2" class='mui-control-item'>待付款</a>
			<a href="#item1" data="3" class='mui-control-item'>待接单</a>
			<a href="#item1" data="4" class='mui-control-item'>配送中</a>
			<a href="#item1" data="5" class='mui-control-item'>已送达</a>
		</div>
		<!--下拉刷新和分页-->
		<!--商品列表-->
		<div id="item1" class="mui-control-content mui-active" style="border-bottom: none!important;background: #f1f1f1">
			<div id="scroll" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view bac_gray">
						<li class="our_pad" id="fenye_list">

						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--<div class="mui-scroll" style="margin-top: -50px;" >
			&lt;!&ndash;数据列表&ndash;&gt;
			<div class='mui-slider-progress-bar mui-col-xs-4' id='sliderProgress'></div>

			<ul class="mui-table-view mui-table-view-chevron mui-slider-group mui-scroll-wrapper" id="scroll">
				<li class='mui-content-padded mui-control-content mui-active' style="margin: 0;" id="fenye_list">

				</li>
			</ul>

		</div>-->
	</div>
</div>
<script type="text/html" id="fenye_list_data">
	{{each data order}}
	<form action="" id="orderForm{{order.id}}">
		<div class='cart-container all_type fs8 list_detail' id="delete{{order.id}}" style="">
			<div style="padding:0.5rem" >
				<div class='cart-top'>
					<img src="./image/logo.png" alt="" width="25" height="25" class='cart-top-img'/>
					<span class='shop-name'></span>
					<span class='status-pay'>{{order.status_text}}</span>
				</div>
				<div style="padding: 0;border-bottom: 1px solid #f1f1f1">
				{{each order.order_goods good}}
				    <div class='good-contanier toDetail' data="{{order.id}}">
						<img src="{{good.goods_img}}" max-width="65" height="65" class='goods-img' alt="" />
						<div class='good-detail'>{{good.goods_name}}</div>
						<div class="goods-right" data-numbox-min='0' style="margin-top: .5rem;">
							<p class='price-red fs8'>￥{{good.goods_price}}</p>
							<p class="fs8" style="color: gray;"> <span style="font-size: 12px;margin-left: 0.3rem;">X </span>{{good.goods_num}}</p>
						</div>
					</div>
				{{/each}}
				</div>
				<p class='tatol-right fs8'>共<span class="price-red"> {{order.order_goods.length}} </span>件商品，合计<span class='price-red'>￥{{order.order_amount}}</span></p>

				<!-----------------------------------待付款 ------------------------- -->
				{{if order.status == 10 &&  order.dispatch <= 0 }}
					<!--线上订单 -->
					{{if order.type == 0}}
						{{if order.show_pay == 1}}
							<button type="button" class="order-pay float_right" style="margin-left: 0.5rem" data-id="{{order.id}}" data="{{order.type}}" bindtap="to_pay">付款</button>
						{{/if}}
						<button type="button" class="cancal-text cancel_order" data-mobile="{{order.contact}}" data-id="{{order.id}}" data-index="{{index}}" bindtap="cancal_pay">取消订单</button>
					{{/if}}
					<!--线下订单-->
					{{if order.type == 1}}
						<button type="button" class="cancal-text cancel_order" data-mobile="{{order.contact}}" data-id="{{order.id}}" data-index="{{index}}" bindtap="cancal_pay">取消订单</button>
					{{/if}}
				{{/if}}
				<!-- ------------------ 催单  ----------------------------------------->
				{{if order.show_cd == 1}}
					{{if tabType == 3 || tabType == 4}}
				<a href="tel:{{order.contact}}" style="color: #333;"><button type="button" class="cancal-text" data="{{order.contact}}">催单</button></a>
		<!--<input type="button"  class="cancal-text" style="color: #333!important;" onclick="javascript:window.location.href='tel:{{order.contact}}'" value="催单">-->
					{{/if}}
				{{/if}}
				<!-- --------------------已完成 ----------------------------- -->
				{{if tabType == 5}}
					<span style="color: green;float: right;font-size: 0.8rem">已完成</span>
				{{/if}}

			</div>
		</div>
	</form>
	{{/each}}
</script>
<script src='js/commen.js?v=20181211'></script>
<script src='./js/order.js?v=20181211'></script>
</body>

</html>
